.share,
.check,
.invite {
    margin-inline: 184px;
}

.r-page{
    padding-bottom: 30px;
}

:deep(.v-pagination__list) {
    padding-block: 10px;
}

:deep(.j-input-txt) {
    border: 1px solid transparent !important;
}

.Energy_checkIn{
    gap: var(--space);
    margin-top: var(--space);
    padding-inline: var(--space);
}

.baner__ {
    width: 100%;
    margin-block: var(--space);
    padding-inline: var(--space);
    gap: var(--space);

    :deep(.invite) {
        flex: 1;
        margin: 0;
        .had {
            height: 38px;
            border-bottom: 1px solid var(--border);
            display: flex;
            align-items: center;
        }

        .i-tip {
            padding-left: var(--px);
            margin-block: 6px;
            padding-bottom: 6px;
            border-bottom: 1px solid var(--border);
            font-size: 16px;
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            color: #FFFFFF;
            line-height: 25px;
        }
    }
}
@media screen and (max-width: 1400px) {
    .Energy_checkIn{
        gap: var(--space);
        margin-top: var(--space);
        padding-inline: var(--space);
        flex-wrap: wrap;
        >div:nth-child(1){
            width: 100%;
            max-width: 100%;
        }
        >div:nth-child(2){
           flex: 1;
           max-width: 100%;
        }
    }
}